<template>
    <div class="pay-type f-s">
        <template  v-for='item in $store.state.payment' >
            <el-tooltip effect="dark" 
                :content="item.title" 
                placement="top-start"  
                v-if='isInPayment(item.id)'
                :key='item.id'>
                <img :src="item.icon" alt="">
            </el-tooltip>
        </template>
    </div>
</template>

<script>
    export default {
        props : {
            payMent : null
        },
        data() {
            return {
                
            };
        },
        created () {
            
        },
        methods : {
            isInPayment (id) {
                return this.payMent.some(item => item.id == id)
            }
        },
        computed : {
            
        }
    }
</script>
<style lang="stylus" lang='less' scoped>
    .pay-type {
        img {
            width: 20px;
            margin-right: 10px; 
        }
    }
</style>